<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="Keywords" content="xx" />
        <meta name="description" content="xx"/>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta http-equiv="Cache-Control" content="no-store, no-cache, must-revalidate,max-age=0,post-check=0, pre-check=0,false">
        <meta http-equiv="Pragma" CONTENT="no-cache">
        <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
        <title>和{$faqiinfo['name']}一起支持{$xminfo['xm_name']}项目</title>
        <meta name="format-detection" content="telephone=no" />
        <meta name="apple-home-web-app-capable" content="yes">
        <meta name="apple-home-web-app-status-bar-style" content="black">

        <link href="__PUBLIC__/home/css/nj_base.css" type="text/css" rel="stylesheet" />
        <link rel="stylesheet" type="text/css" href="__PUBLIC__/home/css/shop_index.css">

        <script type="text/javascript" src="__PUBLIC__/home/js/jquery-1.11.1.min.js"></script>
        
        <link href="__PUBLIC__/css/layui.css" rel="stylesheet" type="text/css" media="all"/>
        <script type="text/javascript" src="__PUBLIC__/layui.js"></script>
    </head>
    <body>
        <div style ='margin:0 auto;width:0px;height:0px;overflow:hidden;'><img src='__PUBLIC__/home/images/pic300.jpg'/></div >
        <!-- header-section start-->
        <div class="header-section header-fixed">
            <div class="header-content">
                <a href="{:U('index/index')}" style="font-size: 16px;font-weight: bold;color: #C53444;">
                    <img src="__PUBLIC__/home/images/log.png" alt="" style="width: 100px;">
                </a>
            </div>
        </div>
        <div class="index-wrapper" style="padding-bottom: 10px;min-height: 685px;max-height: 800px;;background: #fff;">
            <!-- banner-section start -->
            <?php if ($faqiinfo['fq_sf'] ==2) { ?>
              <div class="banner-section" style="background: #fff;height: 160px;">
                  <img id="LAY_demo_uploadz" src="<?php if ($faqiinfo['imgs']) { ?> __ROOT__{$faqiinfo['imgs']}<?php }else { ?>__PUBLIC__/home/images/qt/xx.png<?php }?>" alt="" style="width: 100%;height: 160px;">
              </div>
              <div class="banner-section" style="height:30px;background: #fff;">
                <p style="font-size: 16px;font-weight: bold;text-align: center;padding-top: 3px;">和{$faqiinfo['school']}一起支持{$xminfo['xm_name']}计划</p>
              </div>
            <?php }elseif ($faqiinfo['fq_sf'] == 3) { ?>
              <div class="banner-section" style="background: #fff;height: 160px;">
                  <img id="LAY_demo_uploadz" src="<?php if ($faqiinfo['imgs']) { ?> __ROOT__{$faqiinfo['imgs']}<?php }else { ?>__PUBLIC__/home/images/qt/xx.png<?php }?>" alt="" style="width: 100%;height: 160px;">
              </div>
              <div class="banner-section" style="height:30px;background: #fff;">
                <p style="font-size: 16px;font-weight: bold;text-align: center;padding-top: 3px;">和{$faqiinfo['school']}一起支持{$xminfo['xm_name']}计划</p>
              </div>
            <?php }elseif ($faqiinfo['fq_sf'] == 4) { ?>
              <div class="banner-section" style="background: #fff;height: 160px;">
                  <img id="LAY_demo_uploadz" src="<?php if ($faqiinfo['imgs']) { ?> __ROOT__{$faqiinfo['imgs']}<?php }else { ?>__PUBLIC__/home/images/qt/xx.png<?php }?>" alt="" style="width: 100%;height: 160px;">
              </div>
              <div class="banner-section" style="height:30px;background: #fff;">
                <p style="font-size: 16px;font-weight: bold;text-align: center;padding-top: 3px;">和{$faqiinfo['school']}一起支持{$xminfo['xm_name']}计划</p>
              </div>
            <?php }else { ?>
                <div class="banner-section" style="height:240px;background: #fff;">
                    <div style="height: 145px;background: #fff;"><div style="width: 100%;height: 160px;background: #FF8711;"></div></div>
                    <img src="__ROOT__/{$faqiinfo.face}" style="border-radius: 50%;position: relative;left: 36%;top: -60px;width: 110px;;">
                    <p style="font-size: 16px;text-align: center;position: relative;top: -50px;">和{$faqiinfo['name']}一起支持{$xminfo['xm_name']}计划</p>
                </div>
            <?php } ?>
            <p style="text-align: center;font-size: 18px;font-weight: bold;background: #fff;">
                <span style="color:#FF8711">已筹{$faqiinfo['fq_num']?$faqiinfo['fq_num']:0}本</span> /
                <span>目标{$faqiinfo['mubiao']?$faqiinfo['mubiao']:'无限'}本</span>
            </p>
            <!-- banner-section end -->
            <div style="background: #fff;">
                <div style="padding: 10px 20px">
                    <span style="font-weight: bold;font-size: 16px;">发起口号 :</span>
                    <p style="padding: 5px 0px;">{$faqiinfo.msg}</p>
                </div>
            </div>

            <!-- 项目信息 -->
            <div style="padding-bottom: 20px;background: #fff;">
                <div style="width: 90%;height: 165px;text-align: center;margin: 0 auto;box-shadow: 1px 1px 15px #EDEDED;border-radius: 5px;">
                <a href="{:U('index/xm',array('id'=>$xminfo['id']))}">
                    <p style="font-size: 18px;font-weight: bold;padding: 5px;">{$xminfo.xm_name}</p>
                    <div style="float: left;padding-left: 20px;"><img src="__ROOT__{$xminfo.xm_img}" alt="" style="height: 100px;border-radius: 5px;"></div>
                    <div style="padding-left: 160px;text-align: left;">
                        <p style="font-size: 13px;padding-bottom: 5px;">{$xminfo.xm_content}</p>
                        <p style="font-size: 14px;padding-bottom: 5px;">善物接收：{$xminfo.organ}</p>
                        <p style="font-size: 14px;padding-bottom: 5px;">总目标：<font color="#FF8711">{$xminfo.xm_mubiao}</font>本</p>
                        <p style="font-size: 14px;padding-bottom: 5px;">已筹物：<font color="#FF8711">{$xminfo.xm_num}</font>本</p>
                    </div>
                    <span style="color:#FF8711;margin-left: -50px;">查看详情</span>
                </a>
                </div>
            </div>

            <div class="tabbar-section">
                <ul id="J-tabbar" class="ui-flex tabbar-content">
                    <?php if (empty($_SESSION['name'])) { ?>
                    <li class="cell J-other">
                        <a class="tabbar-nav" href="{:U('index/jw',array('xm_id'=>$xminfo['id'],'fq_id'=>$id))}" style="background: #FF8711;">
                            <span style="color: #fff;">我要捐赠</span>
                        </a>
                    </li>
                    <?php }else { ?>
                     <li class="cell J-other">
                        <a class="tabbar-nav" href="{:U('faqi/edit',array('id'=>$faqiinfo['id']))}" style="background: #F8F8F8;">
                            <span>返回编辑</span>
                        </a>
                    </li>
                    <li class="cell J-other">
                        <a class="tabbar-nav" style="background: #FF8711;">
                            <button  style="width: 100%;padding: 13px;background: #FF8711;color: #fff;border: 0px;" onclick="_system._guide(true)">确认发起</button>
                        </a>
                    </li>
                    <?php } ?>
                </ul>
            </div>         
        </div>

    <style type="text/css">
        button{width:100%;text-align:center;border-radius:3px;}.button2{font-size:16px;padding:8px
        0;border:1px solid #adadab;color:#000000;background-color: #e8e8e8;background-image:linear-gradient(to
        top, #dbdbdb, #f4f4f4);background-image:-webkit-gradient(linear, 0 100%,0 0, from(#dbdbdb),to(#f4f4f4));box-shadow: 0 1px 1px rgba(0,0,0,0.45),
        inset 0 1px 1px #efefef; text-shadow: 0.5px 0.5px 1px #ffffff;}.button2:active{background-color:
        #dedede;background-image: linear-gradient(to top, #cacaca, #e0e0e0);background-image:-webkit-gradient(linear,
        0 100%, 0 0, from(#cacaca),to(#e0e0e0));}#mess_share{margin:15px 0;}#share_1{float:left;width:49%;}#share_2{float:right;width:49%;}#mess_share
        img{width:22px;height:22px;}#cover{display:none;position:absolute;left:0;top:0;z-index:18888;background-color:#000000;opacity:0.7;}#guide{display:none;position:absolute;right:18px;top:5px;z-index:19999;}#guide
        img{width:260px;height:180px;}
    </style>
    <script type="text/javascript">
        var _system = {
            $: function(id) {
                return document.getElementById(id);
            },
            _client: function() {
                return {
                    w: document.documentElement.scrollWidth,
                    h: document.documentElement.scrollHeight,
                    bw: document.documentElement.clientWidth,
                    bh: document.documentElement.clientHeight
                };
            },
            _scroll: function() {
                return {
                    x: document.documentElement.scrollLeft ? document.documentElement.scrollLeft: document.body.scrollLeft,
                    y: document.documentElement.scrollTop ? document.documentElement.scrollTop: document.body.scrollTop
                };
            },
            _cover: function(show) {
                if (show) {
                    this.$("cover").style.display = "block";
                    this.$("cover").style.width = (this._client().bw > this._client().w ? this._client().bw: this._client().w) + "px";
                    this.$("cover").style.height = (this._client().bh > this._client().h ? this._client().bh: this._client().h) + "px";
                } else {
                    this.$("cover").style.display = "none";
                }
            },
            _guide: function(click) {
                this._cover(true);
                this.$("guide").style.display = "block";
                this.$("guide").style.top = (_system._scroll().y + 5) + "px";
                window.onresize = function() {
                    _system._cover(true);
                    _system.$("guide").style.top = (_system._scroll().y + 5) + "px";
                };
                if (click) {
                    _system.$("cover").onclick = function() {
                        _system._cover();
                        _system.$("guide").style.display = "none";
                        _system.$("cover").onclick = null;
                        window.onresize = null;
                    };
                }
            },
            _zero: function(n) {
                return n < 0 ? 0 : n;
            }
        }
    </script>
    <div id="cover"></div>
    <div id="guide"><img src="__PUBLIC__/home/images/guide1.png"></div>
    <div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';"></div>

    </body>
</html>